<template>
	<div class="boFang">
		<div class="dynamicNav">
			<DynamicNav :navTitle="navTitle" />
		</div>
		<router-link to="dynamicState">
			<img class="leftArrow" src="../../../assets/images/dynamicState/37/f-1.png" alt="" />
		</router-link>
		<div class="bfBody">
			<div v-for="(item,index) in boFangData">
				<BofHistory :item="item" :index="index"/>
			</div>
		</div>
		
	</div>
</template>

<script>
	import DynamicNav from '../dynamicPublic/dynamicNav'
	import BofHistory from './publicComponents/bofHistory'
	export default{
		name:"boFang",
		data(){
			return{
				navTitle:"播放历史",
				videoImg:require("../../../assets/images/dynamicState/self/video.png"),
				bfImg:require("../../../assets/images/dynamicState/self/timg.jpg"),
				boFangData:[]
			}
		},
		components:{
		   DynamicNav,
		   BofHistory
		},
		created(){
			this.$axios.get("http://localhost:3000/filmHistory")
			.then(res => {
				this.boFangData =res.data.filmList 
			})
			.catch(error => {
				console.log(error)
			})
		}
	}
</script>

<style scoped lang="less">
@current:100rem;
.dynamicNav {
	height: 88/@current;
}
	
.leftArrow {
	position: fixed;
	top: 26/@current;
	left: 40/@current;
	z-index: 333;
	width: 22/@current;
}
.bfBody{
	margin-top:30/@current;
}	
</style>